<template>
	<view class="artice">
		<image :src="artice.image" mode="aspectFill" class="bg"></image>
		<view class="content flex_center">
			<text class="hidden_3">{{ artice.content }}</text>
		</view>
	</view>
</template>

<script>
	import HevuLoading from '@/components/hevu-loading/hevu-loading.vue';
	export default {
		components: {
			HevuLoading,
		},
		props: {
			artice: {
				type: Object,
				default: {},
			}
		},
		data() {
			return {
				
			}
		},
		methods: {

		}
	}
</script>

<style scoped lang="less">
	.artice {
		width: 100%;
		height: 100%;
		overflow: hidden;
		position: relative;
		.bg {
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 2;
		}
	}
	
	.content {
		width: 100%;
		height: 100%;
		align-items: flex-end;
		padding: 20rpx 20rpx;
		position: relative;
		z-index: 3;
		overflow: hidden;
		
		text {
			font-size: 24rpx;
			color: #FFFBFB;
			line-height: 40rpx;
		}
	}
	
</style>